<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>个人注册</title>
  <!--引入favicon-->
  <link rel="shortcut icon" href="favicon.ico"/>
  <!--引入初始化样式文件-->
  <link rel="stylesheet" href="css/base.css">
  <!--引入register样式文件-->
  <link rel="stylesheet" href="css/register.css">
</head>
<body>
<div class="w">
  <!--头部区域-->
  <header>
    <div class="logo">
      <a href="index.html" target="_blank"><img src="images/logo.png" alt=""></a>
    </div>
  </header>
  <!--主体区域-->
  <div class="register_area">
    <div class="user_login">
      <div class="new_user">注册新用户</div>
      <div class="login">已有账号，去 <a href="#">登录</a></div>
    </div>
    <div class="reg_form">
      <form action="">
        <ul>
          <li>
            <label for="tel">手机号 :</label>
            <input type="text" id="tel" class="inp">
            <span class="error"> <i class="error_icon"></i>手机号格式不正确,请重新输入</span>
          </li>
          <li>
            <label for="msg">短信验证码 :</label>
            <input type="text" id="msg" class="inp">
            <span class="success"> <i class="success_icon"></i>短信验证码格式正确</span>
          </li>
          <li>
            <label for="pwd">登录密码 :</label>
            <input type="text" id="pwd" class="inp">
            <span class="error"> <i class="error_icon"></i>手机号格式不正确,请重新输入</span>
          </li>
          <li class="safe">
            安全程度 <em class="ruo">弱</em> <em class="zhong">中</em> <em class="qiang">强</em>
          </li>
          <li>
            <label for="ensure_pwd">确认密码 :</label>
            <input type="text" id="ensure_pwd" class="inp">
            <span class="error"> <i class="error_icon"></i>手机号格式不正确,请重新输入</span>
          </li>
          <li class="agree"><input type="checkbox">同意协议并注册 <a href="#">《用户协议》</a></li>
          <li>
            <input type="submit" value="提交" class="btn">
          </li>
        </ul>
      </form>
    </div>
  </div>
  <!--底部区域-->
  <footer>
    <!--.mod_copyright-->
    <div class="mod_copyright">
      <div class="links">
        <a href="#">关于我们</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">联系我们</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">联系客服</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">合作招商</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">商家帮助</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">营销中心</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">手机品优购</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">友情链接</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">品优购社区</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">English Site</a>
        <span class="mod_copyright_split">|</span>
        <a href="#">Media & IR</a>
      </div>
      <div class="copyright">
        地址：杭州市江干区25西路一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: 123456.cn
        京ICP备08001421号京公网安备110108007702
      </div>
    </div>
  </footer>
</div>
</body>
</html>